<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		{% if title %}
		<title>lmayZhou Blog Admin - {{ _(title) }}</title>
		{% else %}
		<title>{{ _("Welcome to") }} lmayZhou Blog Admin</title>
		{% endif %}
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon"/>
		<link href="/static/css/main.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<div class="login">
			<div class="box png">
				<div class="logo png"></div>
				<form action="" method="post">
					{{form.hidden_tag()}}
					<div class="input">
						<div class="log">
							<div class="name">
								<label>用　户</label><input type="text" class="text" placeholder="用户" name="email" tabindex="1">
							</div>
							<div class="pwd">
								<label>密　码</label><input type="password" class="text" placeholder="密码" name="password" tabindex="2">
								<input type="submit" class="submit" tabindex="3" value="登录">
								<div class="check">
									{% with messages = get_flashed_messages() %}
										{% if messages %}
											<p><span>[{{ messages[0] }}]</span></p>
										{% endif %}
									{% endwith %}

									{% for error in form.email.errors %}
									<p><span>[{{ error }}]</span></p>
									{% endfor %}

									{% for error in form.password.errors %}
									<p><span>[{{ error }}]</span></p>
									{% endfor %}
								</div>
							</div>
							<div class="tip"></div>
						</div>
					</div>
				</form>
			</div>
			<div class="air-balloon ab-1 png"></div>
			<div class="air-balloon ab-2 png"></div>

			<div class="footer"></div>
		</div>

		<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
			<div class="footer-inner">
				<div class="footer-content">
					<span class="bigger-120">
						<a style="text-decoration:none;" href="https://www.lmaye.com/" target="_blank"><span class="blue bolder">lmayZhou's Blog</span></a> Application &copy; 2018-2028
					</span>
					&nbsp; &nbsp;
					<span class="action-buttons">
						<a href="#">
							<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
						</a>

						<a href="#">
							<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
						</a>

						<a href="#">
							<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
						</a>
					</span>
				</div>
			</div>
		</div>
	</body>

	<script src="/static/js/jquery.min.js?v=2.1.4"></script>
	<script type="text/javascript" src="/static/js/login.js"></script>
	<!--[if IE 6]>
	<script src="/static/js/DD_belatedPNG.js" type="text/javascript"></script>
	<script>DD_belatedPNG.fix('.png')</script>
	<![endif]-->
</html>